﻿body
{
    background-color: #ededed;
}
.headDiv
{
    width:100%;
    height:154px;
    border-top:11px solid #deb76a;
    border-bottom:2px solid #deb76a;
    text-align:center;
    background-color:#faf6f3;
}
.about
{
    background-color:#009bad;
    color:White;
    line-height:30px;
    padding:18px 25px;
}
.audioPanel
{
    padding:20px 0px;
    border-bottom:1px solid #d8d8d8;
}
.navdiv
{
    display:block;
    padding:20px 25px;
}
.navdiv a
{
    color:#7b7b7b;
    font-weight:400;
    font-size:16px;
}
.navdiv .aleft
{
}
.navdiv .aright
{
    color:#4c4c4c;
}
.footer
{
    background-color:#01a4b5;
    padding:15px 20px;
}
#btnctrol
{
    border-radius: 35px;
    padding: 9px 12px;
    width: 63px;
    height: 63px;
    border: 10px solid #16B3C2;
    font-size: 20px;
    color: #16B3C2;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}
#audiotitle
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.progressPanel
{
    background-color: #EFEFEF;
    border-radius: 35px;
    width: 100%;
    height: 20px;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #F8F8F8;
}
.progressPanel #progressDiv
{
    width:0%;
    height: 20px;
    background-color: #16B3C2;
    border-radius: 35px;
    margin-top: -1px;
}
